<template>
	<view class="inner">
		<view class="inner-son">
			<view class="title">
				基础信息
			</view>
			<view class="list" v-for="(item,index) in arr" :key="item.id">
				<view class="left">{{item.name}}</view>
				<view class="right">{{item.title}}</view>
			</view>
		</view>
		<view class="inner-son2">
			<view class="title">
				查看协议
			</view>
			<view class="footer" v-for="item in listArr" :key="item.id">
				<view class="footer-text">{{item.name}}</view>
				<view class="footer-image">
					<img :src="item.img" >
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arr:[
					{id:1,name:'产品类型',title:'券商集合资产管理计划'},
					{id:2,name:'产品名称',title:'齐鲁锦泉28天'},
					{id:3,name:'成立日期',title:'2021年9月18日'},
					{id:4,name:'管理人',title:'齐鲁证券（上海）资产管理有限公司'},
					{id:5,name:'托管人',title:'中国建设银行股份有限公司'},
					{id:6,name:'投资范围',title:'主要的投资固定收益类资产，包括国债、央行票据、金融债、公司债、企业债、可转换债券，资产支持证券，股票质押式回购等，安全性高'},
					{id:7,name:'管理人',title:'商圆波先生，上海财经大学金融学硕士，历任上海银行金融市场部理财业务交易员、易精灵开放式理财产品投资经理。担任上海银行易精灵产品经理期间，产品规模从不足10亿元增长到150亿元，担任国泰君安双利一号产品经理期间，为客户创造了30%年化收益'}
				],
				listArr:[
					{id:1,name:'《管理合同》',img:"../../static/image/detailsYP/you.png"},
					{id:2,name:'《说明书》',img:"../../static/image/detailsYP/you.png"},
					{id:3,name:'《风险提示书》',img:"../../static/image/detailsYP/you.png"},
					{id:4,name:'《电子签名约定书》',img:"../../static/image/detailsYP/you.png"},
					{id:5,name:'《服务协议及权益通知》',img:"../../static/image/detailsYP/you.png"},
				]
			}
		}
	}
</script>

<style scoped>
	.inner{
		width: 710rpx;
		background-color: #F8F8F8;
		margin: 0 auto;
	}
	.inner-son,.inner-son2{
		background-color: #FFFFFF;
		width: 710rpx;
		box-shadow:0 0 20rpx #CCCCCC;
	}
	.title{
		width: 650rpx;
		font-size: 32rpx;
		color: #333333;
		height: 110rpx;
		line-height: 80rpx;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		padding-top: 30rpx;
		padding-left: 40rpx;
		border-bottom: 1px solid #C9C9C9;
		margin: 0 auto;
		
	}
	.list{
		display: flex;
		padding: 30rpx 0rpx;
		padding-top: 30rpx;
		padding-left: 55rpx;
		align-items: flex-start;
		border-bottom: 1px solid #F8F8F8;
		letter-spacing: 3rpx;
	}
	.left{
		font-size: 31rpx;
		color: #999999;
		width: 20%;
	}
	.right{
		font-size: 27rpx;
		color: #333333;
		margin-left: 30rpx;
		width: 70%;
	}
	.inner-son2{
		margin-top: 10rpx;
	}
	.footer{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer-image image{
		width:20rpx;
		height: 30rpx;
		padding-right: 20rpx;
	}
	.footer-text{
		padding: 30rpx 0rpx 30rpx 28rpx;
	}
</style>
